<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-table.min.css" rel="stylesheet" >
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-table.min.js"></script>
<script src="../js/bootstrap-table-zh-CN.js"></script>
<script src="../js/swift.js"></script>
</head>
<body>
	<table id="userlist"></table>
	<script type="text/javascript">
	
	var tabInit=function () {
	    var otabInit=new Object();
	    otabInit.Init=function () {
	        $('#userlist').bootstrapTable({
	            url: '/html/json/bt3.json',         //请求后台的URL（*）
	            method: 'post',             //请求方式（*）
	            toolbar: '#toolbar',        //工具按钮用哪个容器
	            pagination: true,                   //是否显示分页（*）
	            cache: false,
	            clickToSelect: true,
	            showRefresh: true,                  //是否显示刷新按钮
	            showPaginationSwitch: true,       //是否显示选择分页数按钮
	            pageNumber: 1,                       //初始化加载第一页，默认第一页
	            pageSize: 5, //每页的记录行数（*）
	            search: true,
	            responseHandler:function (res) {
	                return res.DATA;
	            },
	            uniqueId:'id',
	            columns: [{
	                field: 'id',
	                title: 'id',
	            }, {
	                field: 'AccountName',
	                title: '用户名'
	            }, {
	                field: 'CreateTime',
	                title: '创建时间'
	            }, {
	                field: 'AccountState',
	                title: '状态'
	            },]
	        });
	    }

	    return otabInit;
	};
	</script>
</body>
</html>